<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            height: 3000px;
        }
    </style>
</head>

<body>

    <div>222</div>
    <input type="text">

    <script>

        // onfocus  获取焦点
        // onblur   失去焦点
        //   以鼠标点击为参照的  --- 页面一开打的时候，既没有获取焦点也没有失去焦点


        // 

        // window.onblur = function () {
        //     console.log('失去焦点');
        // }

        // window.onfocus = function () {
        //     console.log('获取焦点');
        // }


        // 窗口大小发生改变
        window.onresize = function () {
            console.log('窗口大小发生改变事件触发');
        }



        window.onscroll = function () {
            console.log('滚动条的位置发生改变，事件触发');
        }



        // setInterval(function () {
        //     document.write(1)
        // }, 100)

        // var oInp = document.querySelector('input')

        // oInp.onblur = function () {
        //     var username = this.value;
        //     if (username === '') {
        //         console.log('不能为空');
        //     }

        // }

    </script>

</body>

</html>